$(function() {
    // 设置layui的表单对象
    var form = layui.form
        // 设置弹出层
    var layer = layui.layer;
    // 给去登录和去注册绑定事件
    // 去注册
    $('#link_reg').on('click', function() {
            // 登录页面隐藏
            $('.login-box').hide()
                // 注册页面显示
            $('.reg-box').show()
        })
        // 去登录
    $('#link_login').on('click', function() {
            // 登录页面显示
            $('.login-box').show()
                // 注册页面隐藏
            $('.reg-box').hide()
        })
        // 设置自定义表单校验
        // 校验密码的验证
    form.verify({

        // pwd的自定义规则名称
        pwd: [/^[\S]{6,12}$/, '密码必须是6-12位非空字符'],
        // 自定义确认密码的校验规则
        repwd: function(value, item) {
            var password = $('#form_reg [name=password]').val()

            if (value !== password) {
                return '两次密码不一致'
            }
        }
    })

    //注册功能
    $('#form_reg').on('submit', function(e) {
            // 阻止默认表单提交行为
            e.preventDefault()
                // 收集数据
            var data = $(this).serialize()
                // 发送请求
            $.ajax({
                type: 'post',
                url: '/api/reguser',
                data: data,
                success: function(res) {
                    // 判断是否注册成功
                    if (res.status !== 0) {
                        return layer.msg(res.message, { icon: 5 })
                    }
                    layer.msg(res.message, { icon: 1 }, function() {
                        $('#form_login [name=username]').val($('#form_reg [name=username]').val())
                        $('#form_login [name=password]').val($('#form_reg [name=password]').val())
                        $('#form_reg')[0].reset()
                        $('#link_login').click()
                    })
                }
            })
        })
        // 登录功能
    $('#form_login').on('submit', function(e) {
        e.preventDefault()
        var data = $(this).serialize()

        $.ajax({
            type: 'post',
            url: '/api/login',
            data: data,
            success: function(res) {
                if (res.status !== 0) {
                    return layer.msg(res.message, { icon: 5 })
                }
                layer.msg(res.message, { icon: 1 }, function() {
                    localStorage.setItem('token', res.token);
                    location.href = '../../index.html'
                })
            }
        })
    })
})